.editor {
  width: 100%;
  height: 100%;
  overflow: auto;

  &-canvas {
    position: relative;
    background-image: url(~@/assets/images/grid.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin: 0 auto;
  }
}

.is-focus {
  &::after {
    border: 1px dashed green;
  }
}

.block-item {
  position: absolute;

  &::after {
    content: '';
    position: absolute;
    background: transparent;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 100;
  }
}

// 移动left值
.line-x {
  position: absolute;
  top:0;
  bottom:0;
  border-left: 1px dashed green;
}

// 移动的是top 值
.line-y {
  position: absolute;
  left:0;
  right:0;
  border-top: 1px dashed green;
}

